<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>TrinityManager</title>
	<link rel="stylesheet" type="text/css" href="style.css" media="all" />
</head>

<body>
	<div class="container">
		<div class="header">
			<div class="header_big">TrinityManager
			<div class="header_small">Account Management System</div></div>
		</div>
		<div class="main">
			<div class="leftmenu">
				<div class="menu">
				<ul>
					<li> Home
						<ul>
							<li><a href="accounts.html">Accounts</a></li>
							<li><a href="pages.html">Pages</a></li>
						</ul>
					</li>
					<li> Menu 2
						<ul>
							<li><a href="">Item 1</a></li>
							<li><a href="">Item 2</a></li>
						</ul>
					</li>
				</ul>
				</div>
			</div>
			<div class="content center_left">
				<div class="contentbox">
					<div class="contentbox_title">Character Info</div>
					<div class="contentbox_body">
						<ul id="tabnav">
							<!----------------------------------------
								DON'T FORGET TO CHANGE LINKS IN TABS
								also, maybe it's a good idea to make the link of a current tab "#"
							----------------------------------------->
							<li><a href="">Character</a></li>
							<li><a href="reputation">Reputation</a></li>
							<li><a href="skills" id="tabnav-current">Skills</a></li>
							<li><a href="talents">Talents</a></li>
						</ul>
						<div id="tabcontent">
						<table class="stats_table">
						<tr><td>Leatherworking</td><td class="stats_outerbar"> <div class="bar_skill stats_bar" style="width:75%"></div><div class="bar_text">400/450<div></td></tr>
						<tr><td>Skinning</td><td class="stats_outerbar"> <div class="bar_skill stats_bar" style="width:50%"></div><div class="bar_text">210/450<div></td></tr>
						<tr><td>Unarmed</td><td class="stats_outerbar"> <div class="bar_skill stats_bar" style="width:75%"></div><div class="bar_text">300/450<div></td></tr>
						<tr><td>Maces</td><td class="stats_outerbar"> <div class="bar_skill stats_bar" style="width:75%"></div><div class="bar_text">300/450<div></td></tr>
						<tr><td>Cooking</td><td class="stats_outerbar"> <div class="bar_skill stats_bar" style="width:75%"></div><div class="bar_text">300/450<div></td></tr>
						<tr><td>Fishing</td><td class="stats_outerbar"> <div class="bar_skill stats_bar" style="width:100%"></div><div class="bar_text">450/450<div></td></tr>
						</div>
						</table>
					</div>
				</div>
			</div>
		</div>
		<div id="clear">
		</div>
		<div class="footer">
			TrinityManager v0.1
		</div>
	</div>
</body>
</html>